<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>optimus</title>

    <!-- Bootstrap core CSS -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Plugin CSS -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="{dede:global.cfg_templets_skin/}/css/creative.css" rel="stylesheet">

    <!-- Bootstrap core JavaScript -->
    <script src="{dede:global.cfg_templets_skin/}/vendor/jquery/jquery.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="{dede:global.cfg_templets_skin/}/vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="{dede:global.cfg_templets_skin/}/js/creative.min.js"></script>

  </head>
  <style type="text/css">
	.service-box{
		width: max-content;
	}
	.service-box:hover{
		cursor: pointer;
	}
  </style>
  <body id="page-top">
    {dede:include filename="TW/h.htm"/}
    <a class="masthead text-center text-white d-flex" href="{dede:type typeid='3'}[field:typeurl/]{/dede:type}">
      <div class="container my-auto">
        <div class="row">
        <!--  <div class="col-lg-8 mx-auto">
            <p class="text-faded mb-5"></p>
            {dede:type typeid='3'}
            <a class="btn btn-primary btn-xl js-scroll-trigger dianji" href="[field:typeurl/]" style="">最 新 活 動</a>
             {/dede:type}
          </div> -->
        </div>
      </div>
    </a>

    <section class="bg-primary" id="about">
      <div class="container">
        <div class="row">
          <div class="col-lg-9 mx-auto text-center">
            <h2 class="section-heading">關於我們</h2>
            <hr class="light my-4">
            <p class="text-faded mb-4">自2009年開業至今，憑籍多年經驗，以至管理所有涉及推廣活動之事宜，我們無疑能為客護提供專業及誠信的服務。我們的專業團隊使命是為客護提供最具創意，概念及策略性服務。憑籍專業知識及經驗，為客護提供高品質的服務以及活動方案，助企業提升形象，拓展商機。</p>
            <a class="btn btn-light btn-xl js-scroll-trigger" href="#services">了解更多</a>
          </div>
        </div>
      </div>
    </section>
   

    <section id="services">
      <div class="container">
        <div class="row">
          <div class="col-lg-9 mx-auto text-center">
            <h2 class="section-heading">我們的服務</h2>
            <hr class="my-4">
            <p class="text-muted mb-0">我們耐心聆聽及了解客戶的活動目標，我們將為您的活動制定概念性以及可行的策略以及提供後勤管理工作。我們將配備完整的活動後勤專業人員團隊，AV和照明專業人員以及充滿想法和概念的創意部門來WOW您的觀眾。</p>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-3 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto" onclick="window.location.href='/plus/list.php?tid=11';">
              <img src="{dede:global.cfg_templets_skin/}/img/hdtc.png" style="padding-bottom: 1rem">
              <!-- <i class="fa fa-4x fa-diamond text-primary mb-3 sr-icons"></i> -->
              <h3 class="mb-3">活動統籌</h3>
              <p class="text-muted mb-0">    </p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto" onclick="window.location.href='/plus/list.php?tid=12';">
              <img src="{dede:global.cfg_templets_skin/}/img/tghd.png" style="padding-bottom: 1rem">
             <!--  <i class="fa fa-4x fa-paper-plane text-primary mb-3 sr-icons"></i> -->
              <h3 class="mb-3">推廣活動</h3>
              <p class="text-muted mb-0">   </p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto" onclick="window.location.href='/plus/list.php?tid=13';">
              <img src="{dede:global.cfg_templets_skin/}/img/xcpsj.png" style="padding-bottom: 1rem">
             <!--  <i class="fa fa-4x fa-newspaper-o text-primary mb-3 sr-icons"></i> -->
              <h3 class="mb-3">宣傳品設計</h3>
              <p class="text-muted mb-0">  </p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto" onclick="window.location.href='/plus/list.php?tid=14';">
               <img src="{dede:global.cfg_templets_skin/}/img/wlgg.png" style="padding-bottom: 1rem">
              <!-- <i class="fa fa-4x fa-heart text-primary mb-3 sr-icons"></i> -->
              <h3 class="mb-3">網路廣告</h3>
              <p class="text-muted mb-0">  </p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="p-0" id="portfolio">
      <div class="container-fluid p-0">
        <div class="row no-gutters popup-gallery">
          {dede:arclist addfields='url,category,projectname' typeid='9' channelid='18' orderway='asc'}
          <div class="col-lg-4 col-sm-6">
            <a class="portfolio-box" href="[field:url/]">
              <img class="img-fluid" src="[field:litpic/]" alt="">
              <div class="portfolio-box-caption">
                <div class="portfolio-box-caption-content">
                  <div class="project-category text-faded">
                    [field:category/]
                  </div>
                  <div class="project-name">
                    [field:projectname/]
                  </div>
                </div>
              </div>
            </a>
          </div>
          {/dede:arclist}
          <!-- <div class="col-lg-4 col-sm-6">
            <a class="portfolio-box" href="{dede:global.cfg_templets_skin/}/img/portfolio/fullsize/img2.jpg">
              <img class="img-fluid" src="{dede:global.cfg_templets_skin/}/img/portfolio/thumbnails/img2.jpg" alt="">
              <div class="portfolio-box-caption">
                <div class="portfolio-box-caption-content">
                  <div class="project-category text-faded">
                    Category
                  </div>
                  <div class="project-name">
                    Project Name
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-sm-6">
            <a class="portfolio-box" href="{dede:global.cfg_templets_skin/}/img/portfolio/fullsize/img3.jpg">
              <img class="img-fluid" src="{dede:global.cfg_templets_skin/}/img/portfolio/thumbnails/img3.jpg" alt="">
              <div class="portfolio-box-caption">
                <div class="portfolio-box-caption-content">
                  <div class="project-category text-faded">
                    Category
                  </div>
                  <div class="project-name">
                    Project Name
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-sm-6">
            <a class="portfolio-box" href="{dede:global.cfg_templets_skin/}/img/portfolio/fullsize/img4.jpg">
              <img class="img-fluid" src="{dede:global.cfg_templets_skin/}/img/portfolio/thumbnails/img4.jpg" alt="">
              <div class="portfolio-box-caption">
                <div class="portfolio-box-caption-content">
                  <div class="project-category text-faded">
                    Category
                  </div>
                  <div class="project-name">
                    Project Name
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-sm-6">
            <a class="portfolio-box" href="{dede:global.cfg_templets_skin/}/img/portfolio/fullsize/img5.jpg">
              <img class="img-fluid" src="{dede:global.cfg_templets_skin/}/img/portfolio/thumbnails/img5.jpg" alt="">
              <div class="portfolio-box-caption">
                <div class="portfolio-box-caption-content">
                  <div class="project-category text-faded">
                    Category
                  </div>
                  <div class="project-name">
                    Project Name
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-sm-6">
            <a class="portfolio-box" href="{dede:global.cfg_templets_skin/}/img/portfolio/fullsize/img6.jpg">
              <img class="img-fluid" src="{dede:global.cfg_templets_skin/}/img/portfolio/thumbnails/img6.jpg" alt="">
              <div class="portfolio-box-caption">
                <div class="portfolio-box-caption-content">
                  <div class="project-category text-faded">
                    Category
                  </div>
                  <div class="project-name">
                    Project Name
                  </div>
                </div>
              </div>
            </a>
          </div> -->
        </div>
      </div>
    </section>

    <section class="bg-dark text-white">
      <div class="container text-center">
        <h2 class="mb-4">創意 / 概念 / 策略性服務</h2>
        <a class="btn btn-light btn-xl sr-button" href="#template-overviews/creative/">了解更多</a>
      </div>
    </section>

    <section id="contact">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto text-center">
            <h2 class="section-heading">聯繫我們</h2>
            <!-- <hr class="my-4"> -->
            <p class="mb-5"></p>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-3 ml-auto text-center">
            <!-- <i class="fa fa-phone fa-3x mb-3 sr-contact"></i> -->
            <img src="{dede:global.cfg_templets_skin/}/img/phone.png">
            <p>電話 </p> 
            <p>(853) 2832 3811，28751980</p>
          </div>

          <div class="col-lg-3 mr-auto text-center">
            <img src="{dede:global.cfg_templets_skin/}/img/chuanzhen.png">
            <!-- <i class="fa fa-envelope-o fa-3x mb-3 sr-contact"></i> -->
            <p>傳真</p>
            <p> (853) 2832 3812</p>
          </div>

          <div class="col-lg-3 ml-auto text-center">
            <!-- <i class="fa fa-phone fa-3x mb-3 sr-contact"></i> -->
            <img src="{dede:global.cfg_templets_skin/}/img/email.png">
            <p>電子郵件</p>
            <p>info@optimuszero.com</p>
          </div>

          <div class="col-lg-3 ml-auto text-center">
            <!-- <i class="fa fa-phone fa-3x mb-3 sr-contact"></i> -->
            <img src="{dede:global.cfg_templets_skin/}/img/address.png">
            <p>地址</p>
            <p>澳門宋玉生廣場336號誠豐商業中心10樓o座</p>
          </div>
        </div>
      </div>
    </section>
    {dede:include filename="TW/f.htm"/}

  </body>

</html>
